Figma Plugin 插件平台正式发布!
Figma 期待已久的插件系统,昨夜终于正式上线了!其实我们早就拿到了邀请,已经内测了快两个月了。Figma 的插件相比 Sketch 的插件更加友好,完全基于 web 技术,如果你会 JavaScript 和 HTML 也可以轻松的编写插件,当然还支持 React,Vue,TypeScript 等几乎所有最流行的框架和语言,并且它的 API 和使用条件并没有太多限制,甚至可以利用 three.js 制作 3D 相关的插件。
另外对于企业级(Figma Organization)的付费用户,还可以制作针对公司内部,不对外开放的私有插件。
插件平台:https://www.figma.com/c
官方文档:http://figma.com/plugin-docs
插件实例:https://github.com/figma/plugin-samples
Figma UI Kit:https://www.figma.com/file/Gj9iMcTbFbHrFq1ZWbDBuyc9/UI2-— Public-Copy?node-id=0%3A11724
目前官方平台已经发布了 50 个左右的插件,相信今天正式发布后,还有一大波插件正在路上。下面列举一些非常值得安装的插件:
Figma Walker
Figma 版的快速启动器,相当于 Sketch Runner,不过功能暂时还没有那么强大。
Content Reel
微软开发的一款自动填充数据的插件。有了它,终于可以像 Sketch 那样通过插件快速填充头像、文字、图标等信息了。
Super Tidy
整理 frame 画板的插件,应该也是 Sketch 的移植版。
Similayer
Sketch 著名插件 Paddy 的作者 David Williames 开发的一款效率插件,它把官方默认的智能选择图层的功能扩展地更加强大了。
Figmotion
这个插件有点厉害,直接在 Figma 里面添加了一个时间轴界面,可以通过它制作一些简单的动效交互了。
Interplay
Interplay 这个插件是一个设计系统组件资源库,包含了很多流行的开源框架的组件,可以把前端写的代码组件转化成设计组件,即拖即用。不过因为是代码层面的组件,所以如下面那张图,比如我把 Ant Design 的组件拖到画布中,设计上看起来是一样的,但图层组已经炸了……不过还好,对设计来说并不影响使用。
Mapsicle& Map Maker
地图类插件目前已经有两个了,Mapsicle 支持 Mapbox,Map Maker 支持 Mapbox 和 Google Maps,都可以选择不同的主题,调整角度等等。
Stark
颜色对比度检查。选中图层打开插件,就会看到你的设计颜色对比度是否达标。
Unsplash
任何平台都少不了它,一键插入 Unsplash 摄影平台的图片。
Themer
这个插件就比较高端了,你可以通过在 Figma 里面定义两套样式,然后通过在线 json 平台如 jsbin 作为中转站(需要拿到 API key),从而实现一键切换设计文件的整体样式。
其他值得一看的插件
Autoflow
Brandfetch
Image Palette
创意编程领域的顶级大神 Matt DesLauriers 开发的插件,快速获取任意图片的配色。他还开发了很多更有创意的插件,就不一一列举了,请自行探索。
Chart
Sketch 图表插件的 Figma 移植版,可以导入随机数据,同时也支持 JSON 数据。
QR Code Generator
同样来自 Paddy 作者的插件,快速为你的 Figma 设计文件生成二维码。这家伙太高产了,目前平台上已经有 6 个插件都是他开发的。
Rename It
批量重命名图层,可以设定规则智能命名,还支持查找替换。
kaleidocode
微软的另一个插件:可以把你在 Figma 里面定义的颜色样式直接导出生成 VS Code theme 主题!
Roto
基于 three.js 技术的插件,可以在 Figma 中实时生成 3D 模型,支持手动拖拽调整角度和深度。
Android Resources Export
我们之前的嘉宾,Sketch 知名插件作者阿爽老师开发的插件,用来导出安卓设计资源。
前不久我们在北京 Airbnb 举办了一场 Figma Meetup,场面十分火爆,由于场地限制,报名的 140 人我们只能忍痛筛选出 90 人通过,在此对那些没能到现场的朋友说句抱歉!很快我们还会在北京举办其他设计相关活动,到时会找更大的场地,请留意我们的活动信息。🙏
关注我们的公众号,后台回复 figma北京 获取上次活动的 PPT 文件。
本文作者:丁一
转载请点击原文向作者获取授权,并注明作者、出处和链接。
更多精彩文章
好看就点下在看呗👇👇👇